﻿body {min-width:1024px; font-family:"微软雅黑","宋体";}
li{list-style:none;}

#bar{width:auto; min-width:1024px; height:120px; background-color:#5eb7e8;}
#main{width:auto; min-width:1024px; background:#fff url(images/main.jpg) 0 0 repeat; overflow:auto;}
#task{width:100%; min-width:1024px; height:63px; position:fixed; bottom:0; background-color:#9fd9f6; z-index:9998;}
#pedants{width:250px; min-height:250px; position:fixed; right:15px; top:135px;}

/*--- bar ---*/
#bar .win8-barl{width:auto; min-width:600px; height:120px; padding-left:30px; float:left;}
#bar .win8-barr{width:280px; height:120px; float:right; margin-right:50px;}
/*---barl---*/
.win8-title{width:100%; height:80px; line-height:80px; padding-left:20px; color:#e0e0e0; font-size:30px;}
.win8-menu{width:auto; height:40px; padding:2px 0 2px 20px; display:inline-table;}
.win8-menu li{height:34px; line-height:34px; padding:0 15px; margin-right:1px; color:#eee; cursor:pointer; font-size:18px; float:left; border:solid 2px #5eb7e8;}
.win8-menu li.win8-menu-hover, .win8-menu li.win8-menu-cur{border:solid 2px #fff; color:#5eb7e8; background-color:#fff;}
/*---barr---*/
.win8-weather{width:100%; margin:20px 0; text-align:right;}
.win8-avatar{width:48px; height:48px; float:right; border:solid 1px #5eb7e8;}
.win8-avatar-hover{border:solid 1px #e0e0e0;}
.win8-user{width:200px; height:25px; line-height:25px; margin-right:12px; cursor:default; text-align:right; float:right; color:#e0e0e0; font-size:14px;}
.win8-operate{width:200px; float:right; margin:3px 12px 0 0; display:inline-table;}
.win8-operate li{width:16px; height:16px; float:right; margin-left:5px;}

/*--- main ---*/
#main ul{width:60%; padding:38px 0 0 50px; display:inline-table;}
#main ul li{float:left; text-align:center; margin:0 10px 10px 0; position:relative; border:solid 1px #999;}
#main ul li.win8-metro-small{width:120px; height:120px;}
#main ul li.win8-metro-big{width:252px; height:120px;}
#main ul li img{width:50px; height:50px; margin-top:30px;}
#main ul li div{width:100%; height:30px; line-height:30px; text-align:left; padding-left:8px; color:#f0f0f0; cursor:default; position:absolute; bottom:0px; font-size:14px;}
#main ul li.win8-main-hover{ border:solid 1px #e0e0e0;}

/*--- pedants ---*/
#pedants div{width:auto; margin-bottom:10px; background-color:#cae9f7;}

/*--- task ---*/
#task ul{width:auto; margin-left:38px; padding:1px; display:inline-table;}
#task ul li{float:left; width:86px; margin-right:1px; text-align:center; border:solid 1px #9fd9f6;}
#task ul li img{width:26px; height:26px; margin-top:5px; position:relative; left:11px;}
#task ul li div{width:100%; height:25px; line-height:25px; color:#eee; overflow:hidden; cursor:default; font-size:11px;}
#task ul li.win8-task-hover{ border:solid 1px #898989; background-color:#898989;}
#task ul li.win8-task-hover div{color:#fff;}
#task ul li a{padding:3px 6px; text-decoration:none; color:#999; font-size:14px; position:relative; left:19px; top:-13px;}
#task ul li a:visited{color:#999;}
#task ul li a:hover{color:#fff; background-color:#a0d9f6}
#task ul li a:active{color:#999;}

/*--- pop div ---*/
.win8-page-box{position:fixed; background-color:#fff; display:none;}
.win8-page-title{width:100%; height:34px; line-height:34px; margin:0; padding:0; text-align:center; background-color:#5eb7e8;}
.win8-page-content{}
.win8-page-title img{width:16px; height:16px; position:absolute; left:6px; top:9px;}
.win8-page-title h2{font-size:14px; font-weight:bold; color:#eee; cursor:default;}
.win8-page-title ul{position:absolute; margin:0; padding:0; right:7px; top:0;}
.win8-page-title li{float:right; margin:0; padding:0;}

/*--- icon ---*/
.win8-icon-exit{width:16px; height:16px; background:url("images/icon.png") no-repeat 0 0; display:block; cursor:default;}
.win8-icon-exit-hover{width:16px; height:16px; background:url("images/icon.png") no-repeat -16px 0; display:block; cursor:default;}
.win8-icon-setting{width:16px; height:16px; background:url("images/icon.png") no-repeat 0 -16px; display:block; cursor:default;}
.win8-icon-setting-hover{width:16px; height:16px; background:url("images/icon.png") no-repeat -16px -16px; display:block; cursor:default;}
.win8-icon-min{width:28px; height:20px; background:url("images/icon.png") no-repeat 0 -32px; display:block; cursor:default;}
.win8-icon-min-hover{width:28px; height:20px; background:url("images/icon.png") no-repeat -28px -32px; display:block; cursor:default;}
.win8-icon-max{width:28px; height:20px; background:url("images/icon.png") no-repeat 0 -52px; display:block; cursor:default;}
.win8-icon-max-hover{width:28px; height:20px; background:url("images/icon.png") no-repeat -28px -52px; display:block; cursor:default;}
.win8-icon-normal{width:28px; height:20px; background:url("images/icon.png") no-repeat 0 -72px; display:block; cursor:default;}
.win8-icon-normal-hover{width:28px; height:20px; background:url("images/icon.png") no-repeat -28px -72px; display:block; cursor:default;}
.win8-icon-close{width:45px; height:20px; background:url("images/icon.png") no-repeat 0 -92px; display:block; cursor:default;}
.win8-icon-close-hover{width:45px; height:20px; background:url("images/icon.png") no-repeat -45px -92px; display:block; cursor:default;}
